import React from 'react'

const Child = ({ count }) => {
  return (
    <div>
      <div>子组件-{count}</div>
    </div>
  )
}

const App = () => {
  // 普通的数据，不具备响应式
  let count = 100

  const addCount = () => {
    count++
    console.log(count)
  }

  return (
    <div>
      <h3>父组件 -- {count}</h3>
      <hr />
      <Child count={count} />
      <hr />
      {/* 
        事件和原生事件是一个的，只不过它使用小驼峰命名，绑定的方法为函数体
      */}
      <button onClick={addCount}>++count++</button>
    </div>
  )

  // function addCount() {
  //   console.log(123)
  // }
}

export default App
